#tb{
    border: solid 1px black;
    /* 边框折叠 */
    border-collapse: collapse;
}

.cell{
    width: 30px;
    height: 30px;
    border: solid 1px black;
    background-size: 100% 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.cell[state="normal"]{
    background-image: url(blank.png);
}
.cell[state="flag"]{
    background-image: url(flag.png);
}
.cell[state="bombex"]{
    background-image: url(boom_ex.png);
}
.cell[state="b0"]{
    background-image: none;
}
.cell[state="b1"]::before{
    content:"1";
    color:blue;  
}
.cell[state="b2"]::before{
    content:"2";
    color:green;
    
}
.cell[state="b3"]::before{
    content:"3";
    color:red;
    
}
.cell[state="b4"]::before{
    content:"4";
    color:rgb(230, 14, 238);
    
}
.cell[state="b5"]::before{
    content:"5";
    color:rgba(0, 0, 255, 0.534);
    
}
.cell[state="b6"]::before{
    content:"6";
    color:rgb(37, 110, 49);
    
}
.cell[state="b7"]::before{
    content:"7";
    color:rgb(209, 137, 43);
    
}
.cell[state="b8"]::before{
    content:"8";
    color:rgb(223, 209, 25);
    
}
